<!DOCTYPE html>
<html>
<head>

    <script  src="/media/javascript/jquery_min1.6.2.js" type="text/javascript"></script>
    <script  src="/media/javascript/jquery-ui.min1.8.14.js" type="text/javascript"></script>
    <script src="/media/javascript/script.js" type="text/javascript"></script>
    <link rel="stylesheet" type="text/css" href="/media/css/jquery-ui.css" />

    <link href="/media/css/style.css" rel="stylesheet" type="text/css" />
    <link href="/media/css/jquery.timepicker.css" rel="stylesheet" type="text/css">

    <script src="/media/javascript/jquery.timepicker.js" type="text/javascript"></script>
    <script src="/media/javascript/jquery.timepicker.min.js" type="text/javascript"></script>
    <script src="/media/javascript/datepair.js" type="text/javascript"></script>

    <title>{% block title %}YourSchool{% endblock %}</title>
</head>

<body>
<div id="wrapper">
<header class="gradient-bg">
    <h1><a href="/">YourSchool</a></h1>
    <h2>{% block header %}Logged in: {{ user.username }}{% endblock %}</h2>
</header>
<div id="toolbar">
    {% block toolbar %}
        <div id="nav-menu">
        <ul>
        <li><a href="/studentIndex">Pending Exams</a></li>
        <li><a href="/createExam">Create Exam</a></li>
        <li><a href="/resultByStudent"> Student Results</a></li>
        <li><a href="/">Login</a></li>
        <li><a href="/accounts/logout">Logout</a></li>
        <li><a href="/teacherIndex">Teacher</a></li>

        </ul>
        </div>
    {% endblock %}
</div>


<section id="main">

    <div id="baseLeftNav">{% block leftNav %} &nbsp; {% endblock %}</div>
    <div id="baseContent">{% block content %} &nbsp; {% endblock %}</div>
    <div id="baseRightNav">{% block rightNav %} &nbsp; {% endblock %}</div>

</section>

<div id="clear"></div>

<footer>
    <p>&copy; Reynir &amp; Bylgja - 2012</p>
    {% block footer %}{% endblock %}
</footer>
</div>

</body>
</html>